/**
 *
 */
import { ref } from "vue";


/**
 *
 */
import { defineStore } from "pinia";



/**
 * 使用函数式写法定义 store
 */
export const useMenuStore = defineStore("menu", () => {
    // state
    const collapsed = ref(false);
    // actions
    function triggerMenuCollapsed(collapse) {
        // 使用 .value 访问和修改 ref 的值
        collapsed.value = collapse ?? !collapsed.value;
    }
    function handleCollapse() {
        this.collapsed = !this.collapsed;
    }
    return {
        collapsed,
        triggerMenuCollapsed,
        handleCollapse,
    };
});